import UserItem from "@/components/app/UserItem";
import Card from "@/components/common/Card";
import ByCell from "@/components/ui/ByCell";
import ByIcon from "@/components/ui/ByIcon";
import ByRow from "@/components/ui/ByRow";
import ByText from "@/components/ui/ByText";

export default () => {
  return (
    <>
      <Card className="m-3">
        <ByCell
          size="small"
          label="联系电话"
          nextIcon={<ByIcon name="Phone" className="text-primary" />}
        >
          13112341234
        </ByCell>

        <ByCell
          size="small"
          label="客户姓名"
          nextIcon={<ByIcon name="Phone" className="text-primary" />}
        >
          13112341234
        </ByCell>

        <ByCell
          size="small"
          label="客户地址"
          nextIcon={<ByIcon name="Phone" className="text-primary" />}
        >
          13112341234
        </ByCell>

        <ByRow className="mt-2" content="between" align="center">
          <UserItem name="创建者" />

          <ByText type="third" size="sm">
            2025-04-03 12:12:12
          </ByText>
        </ByRow>
      </Card>
    </>
  );
};
